/*fondo*/
.bodier {padding-bottom:5rem;}
.bodier > .container:not(.striplayer) {max-width:100rem;width:100%;border:0.1rem solid #C10006;background:url('/css/rtve.2017.deportes/mundial-2018/i/fondo_info.jpg') no-repeat;}
.bodier > .toplayer + .container .grid {background-color:transparent;}
.container .gridBox .cell {padding:0 1rem;}
.container .grid .secBox {padding:0 2rem;}

/*fonts*/
.container .list-selec .mainBox .contentBox * {color:#000000;}
.container .grid .secBox span:first-child {font-weight:300;color:#C10006;font-size:4rem;text-transform:none;padding:1rem 0;line-height:1.8;}
.container .grid .secBox span.titaux {font-weight:300;text-transform:none;font-size:1.6rem;color:#494847;}
.container .list-selec .mainBox .contentBox .txtBox {margin-top:9rem;margin-bottom:6.5rem;color: #494847;}
.container .list-selec .mainBox .contentBox .txtBox span {display:block;font-size:10em;font-weight:200;top:0;}
.bodier.wrapper .container .list-selec li .mainBox .contentBox .auxBox p {font-size: 1.6rem;font-weight: 300;line-height: 1.2;color:#6e6e6e;}
.bodier.wrapper .container .list-selec li .mainBox .contentBox .auxBox p:nth-child(2) {padding-top:2rem;}
.container .list-selec .mainBox .contentBox .txtBox strong {font-weight:200;font-size:2.7rem;}

.container .chipBox {cursor:pointer;position:relative;height:10rem;border:0.1rem solid #D2D2D2;}
div[class*="bombo"] {display:inline-block;width:25%;float:left;padding:0 1rem;}
div[class*="bombo"] > span {border:0.1rem solid #d2d2d2;width:100%;font-size:2rem;background:#d2d2d2;float:left;text-align:center;padding:1.7rem;color:#ffffff;font-weight:700;}

/*leyendas*/
.bombo2 ul.list-selec:after {content:"El bombo de Espa\00F1 a no es seleccionable";display:block;color:grey;bottom:0;width:75%;position:absolute;margin:1rem 2rem;font-size:1.3rem;}
.legend p {display:inline-block;font-size:1.5rem;color:grey;padding:2rem;}

/***selecciones***/
.container .gridBox .infoBox .list-selec .mainBox .mediaBox .ima img, .container .gridBox .infoBox .list-selec .mainBox:hover .mediaBox .ima img{opacity:1;}
.container .chipBox .img {display:inline-block;padding:1.7rem;float:left;width:35%;}
.container .chipBox img {height:4.5rem;width:4.5rem;border-radius:100%;border:0.1rem solid #D2D2D2;}
.container .list-selec {position:relative;display:inline-block;float:left;padding-bottom:5rem;}
.container .list-selec li[class*="pers"] {width:100%;position:relative;display:inline-block;float:left;}
.container .list-selec [name="selecciones"] ~ label .chipBox p {color: #6e6e6e;font-weight:300;font-size:1.9rem;line-height:2.6;padding:1.7rem 0;text-transform:uppercase;width:65%;float:left;}
.chipBox strong {display:none;}

.bombo2 .list-selec li {background-color:#f2f2f2;}

/*input*/
.container .list-selec [name="selecciones"] {position:absolute;bottom:0;right:0;margin:1.5rem 1rem;height:2rem;width:7rem;}
.container .list-selec [name="selecciones"]:after {content:"Ver info";position:absolute;bottom:0;font-size:1.5rem;background-color:#D2D2D2;height:2rem;width:7rem;text-align:center;color:#494847;}
.checkSelectElem {position:absolute;bottom:-1.1rem;margin:1.6rem;left:4.3rem;opacity:0;z-index:2;cursor:pointer;height:4rem;width:4rem;}
span.select {position:absolute;bottom:0;margin:1.7rem 2.2rem;font-size:1.5em;color: #6e6e6e;display:inline-block;}
span.select:after {content:"";background:#D2D2D2;width:1.5rem;height:1.5rem;display:block;left:4.7rem;bottom:0;position:absolute;}
input[type="radio"]:checked + span.select:after {background-color:grey;}


/**ficha**/
.container .list-selec [name="selecciones"] ~ label .mainBox {position:absolute;clip:rect(0,0,0,0);top:0;left:0;overflow:hidden;}
.container .list-selec [name="selecciones"]:checked ~ label .mainBox {position:fixed;width:100%;height:100%;clip:auto;top:0;left:0;background-color:rgba(255,255,255,0.6);z-index:3;}
.container .list-selec [name="selecciones"]:checked ~ label .mainBox .infoBox {position:relative;max-width:96rem;width:100%;height: 50em;top:38%;margin:0 auto;background:url('/css/rtve.2017.deportes/mundial-2018/i/fondo_ficha.jpg') no-repeat;background-size:cover;border:0.1rem solid #C10006;}
.container .list-selec [name="selecciones"]:checked ~ label .infoBox:after {content:'';display:block;width:2.3rem;height:2.3rem;background:url('/css/rtve.2017.deportes/mundial-2018/i/cerrar.png') no-repeat;position:absolute;top:0;right:0;border: 1.5rem solid transparent;cursor:pointer;}

.container .list-selec .mainBox .mediaBox {width:20rem;height:20rem;float:left;margin:5rem;}   
.container .list-selec .mainBox .mediaBox .ima img{border-radius:100%;height:100%;border:1rem solid #d2d2d2;right:auto;bottom:auto;left:0;top:0;}
.container .list-selec .mainBox .contentBox {height:100%;width:100%;padding:0;position:relative;bottom:0;top:auto;right:0;}
.container .list-selec .mainBox {height:100%;}
.container .list-selec .mainBox .mediaBox > .ima {background:transparent;}
.container .list-selec .mainBox .auxBox p {padding-bottom:3rem;padding-top: 1rem;}
.container .list-selec .mainBox .auxBox p:empty {padding-bottom:0;}
.container .list-selec .mainBox .contentBox .auxBox {position:absolute;margin:0;display:block;overflow:auto;height: 19rem;margin-right:3rem;padding-top:1.5rem;padding-left:20rem;}

/*iconos*/
.container .list-selec li .mainBox .contentBox .auxBox p:after {content:"";display:block;width:7rem;height:7rem;position:absolute;left:11rem;}
.container .list-selec li .mainBox .contentBox .auxBox p:nth-child(1):after {background:url('/css/rtve.2017.deportes/mundial-2018/i/icono_a_favor.png') no-repeat;background-size:100%;top:0;}
.container .list-selec li .mainBox .contentBox .auxBox p:nth-child(2):after {background:url('/css/rtve.2017.deportes/mundial-2018/i/icono_contra.png') no-repeat;background-size:100%;top:9rem;}


/*sobreado y nav sig*/
.navigation {background:#C10006;display:inline-block;float:right;padding:0 5rem;margin-right:1rem;}
.navigation .next strong, .boton.repeat strong {font-weight:300;font-size:3rem;text-transform:uppercase;cursor:pointer;}
.boton.repeat {background:#C10006;display:inline-block;bottom:0;right:0;padding:0 5rem;margin-right:2rem;position:absolute;clip:rect(0,0,0,0);}

/**ficha resultado**/
.msgBox.hddn {display:none;}

.msgBox {position:absolute;width:100%;height:100%;clip:auto;top:0;left:0;background-color:rgba(255,255,255,0.8);z-index:3;}
.msgBox .infoBox {position:relative;max-width:96rem;width:100%;height:55em;top:0;margin:0 auto;background:url('/css/rtve.2017.deportes/mundial-2018/i/fondo_ficha.jpg') no-repeat;background-size:cover;border:0.1rem solid #C10006;}
.msgBox .infoBox .close {position:absolute;background: url(/css/rtve.2017.deportes/mundial-2018/i/cerrar.png) no-repeat;background-position:50%;top:0;right:0;cursor:pointer;z-index:1;}

.msgBox .mediaBox {width:100%;height:60%;padding:1rem 5rem;margin:0;}   
.msgBox .mediaBox .ima {width:75%;background-color:transparent;padding-top:37.5%;}
.msgBox .mediaBox .ima img {height:auto;}

.msgBox .contentBox {height:33%;width:100%;padding:0;position:relative;}
.msgBox .contentBox .txtBox {position:relative;margin:0;overflow:auto;padding:2rem 5rem;}
.msgBox .txtBox span {display:block;font-size:9rem;font-weight:200;padding-bottom:1rem;}
.msgBox .txtBox strong {font-size:2rem;font-weight:300;}

.msgBox .redesBox, .msgBox .redesBox li a {display:inline-block;}
.msgBox .redesBox {padding:3rem 0 3rem 8rem;}
.msgBox .redesBox li {margin:2rem 0;}
.msgBox .redesBox li img {width:7rem;height:7rem;}
.msgBox .redesBox li:first-child img {background:url("/css/rtve.2017.deportes/mundial-2018/i/redes_fb.png") no-repeat;background-size:100%;}
.msgBox .redesBox li:nth-child(2) img {background:url("/css/rtve.2017.deportes/mundial-2018/i/redes_tw.png") no-repeat;background-size:100%;} 


/**ficha alert**/
.alertBox.hddn {display:none;}

.alertBox {position:absolute;width:100%;height:100%;clip:auto;top:0;left:0;background-color:rgba(255,255,255,0.8);z-index:3;}
.alertBox .infoBox {position:relative;max-width:50rem;width:100%;height:25em;top:0;margin:0 auto;background:url('/css/rtve.2017.deportes/mundial-2018/i/fondo_ficha.jpg') no-repeat;background-size:cover;border:0.1rem solid #C10006;}
.alertBox .infoBox .close {position:absolute;background: url(/css/rtve.2017.deportes/mundial-2018/i/cerrar.png) no-repeat;background-position:50%;top:0;right:0;cursor:pointer;}

.alertBox .infoBox .contentBox {height:100%;width:100%;padding:0 7rem;display:table;}
.alertBox .infoBox .contentBox .txtBox {text-align:center;vertical-align:middle;display:table-cell;}
.alertBox .infoBox .contentBox .txtBox span {font-size:2rem;font-weight:300;}

@media (max-width: 1200px){
	.container .list-selec [name="selecciones"] ~ label .chipBox p {font-size:1.6rem;}
}
@media (max-width: 1100px){
	.bodier .cell .container:not(.striplayer) {width:100%;}
}

@media (max-width: 900px){
    body .wrapper.shortBox {bottom:48rem;}
    div[class*="bombo"] {padding:1rem 0.25rem;}
    .container .legend {float:left;width:60%;}
    .container .chipBox .img {padding:1rem;width:31%;}
    .container .chipBox .img img {height:4rem;width:4rem;}
    .container .list-selec [name="selecciones"] ~ label .chipBox p {padding:0.7rem 0;}
    .container .list-selec .mainBox .contentBox .txtBox span {font-size:8em;}
    .container .list-selec .mainBox .mediaBox {margin:5rem 3rem;}
}

@media (max-width: 800px){
    span.select {margin: 1.7rem 1rem;}
    .checkSelectElem {left:3rem;}
    span.select:after {left:4.5rem}
    .msgBox .redesBox {padding:1rem 0 1rem 6rem;}
}